<head>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
	<link type="text/css" rel="stylesheet" href="css/userblock/userblock.css" />
</head>
<body id="u-background">
<!--
	<nav id="main-nav">
		<div id="logo-container"><img id="logo-img" src="images/home/logo/logo_small_v2.png" /></div>
			<ul class="nav-links">

				
				<li><a>Features</a></li>
				<li><a>Contact</a></li>
				<li><a href="login.php">Login</a></li>
				
			</ul>

	</nav>
	-->
	<!--MAIN SECTION-->
	<nav id="side-nav">
	</nav>
	<section id="container">
		<!--FEAT AND BIO CONTAINER-->
		<div id="feat-user-container"> 
			<div id ="con-sub-container">
				<div id="connections">
					<div id="connections-header" class="c_s_header">
						<label>Connections</label>
						<br>
						<label>3</label>
					</div>
					<div class="people-container">
						<img class="people-img" src="images/test/connection1.jpg" /> 
						<img class="people-img" src="images/test/connection2.jpg" /> 
						<img class="people-img" src="images/test/connection3.jpg" /> 
						
					</div>
				</div>
				<div id="subscriptions">
					<div id="subscribers-header" class="c_s_header">
						<label>Subscribers</label>
						<br>
						<label>105</label>
					</div>
					<div class="people-container">
						<img class="people-img" src="images/test/subscriber1.jpg" /> 
						<img class="people-img" src="images/test/user_pic.jpg" /> 
						<img class="people-img" src="images/test/user_pic.jpg" /> 
						<img class="people-img" src="images/test/user_pic.jpg" /> 
					</div>
				</div>
			</div>
			<!-- FEATURED TILE -->
			<div id="featured-tile">
				<div id= "featured-cont">
					<label id="featured-label">Featured</label>
					<div id ="featured-header">
						<p>Space Monkey #4</p>
					</div>
				</div>
			</div>
			<!-- FEATURED TILE -->
			<!-- AUTHOR TILE -->
			<div id="author-tile">
				<div id= "author-tile-cont">
					<div id="usr-img-container">
						<img id="user-img" src="images/test/user_pic.jpg" /> 
						<p id="user-name">Ilmi Ali</p>
						<p id="user-type">Artist</p>
					</div>
					<div class ="user-details">
					
						<img id="" src="images/user-blocks/blocks.png" /> 
						
						<img id="" src="images/user-blocks/connections.png" /> 
						
						<img id="" src="images/user-blocks/subscribers.png" /> 
						
						
					</div>
					<div class ="user-details">
					<label>4</label>
					<label>3</label>
					<label>105</label>
					</div>
					<div id ="usr-footer"><img id="footer-img" src="images/user-blocks/pen_2.png" /> </div>
				</div>
				
			</div>
			<!-- END AUTHOR TILE -->
		</div>
		<!--TILES CONTAINER-->
		<section id ="tiles-container">
		
				<div class ="small-tile">
					<div id ="tile_1" class="tile-content">
						
						<div class ="tile-side-header" id="first-tile">
							<p> Space Monkey #3</p>
							<div id ="tile-details">67</div>
							<div class="tile-date"><label>20.02.2014</label></div>
						</div>
					</div>
				</div>
				<div class ="small-tile">
					<div  id ="tile_2" class="tile-content">
						<div class ="tile-top-header" id="second-tile">
							<p>How to draw Space Monkey!</p>
							<div id ="tile-details">45</div>
							<div class="tile-date"><label>15.02.2014</label></div>
						</div>
					</div>
				</div>
				<div class ="small-tile">
					<div   id ="tile_3" class="tile-content">
						<div class ="tile-side-header" id="third-tile">
							<p> Space Monkey #2</p>
							<div id ="tile-details">112</div>
							<div class="tile-date"><label>19.01.2014</label></div>
						</div>
					</div>
				</div>
				<div class ="small-tile">
					<div  id ="tile_4" class="tile-content">
						<div class ="tile-side-header" id="fourth-tile">
							<p> Space Monkey #1</p>
							<div id ="tile-details">187</div>
							<div class="tile-date"><label>05.01.2014</label></div>
						</div>
					</div>
				</div>
			
			
		</section>
		<!--TILES CONTAINER END-->
		<!--FEAT AND BIO CONTAINER END-->
	</section>
	<!--END MAIN SECTION-->

</body>